from flask import Flask,render_template
from bokeh.embed import components
from bokeh.resources import INLINE
from picture import mpg, vbar_demo,pyecharts_map,geomap


app = Flask(__name__)


@app.route('/')
def index():
    return render_template('index.html')
# 加入页面跳转-->项目的视图函数(如果没有写下面的函数,会报错:在服务器上找不到请求的 URL。)
@app.route('/vbar')
def vbar():
    p = vbar_demo()
    titles = ('#','Header','Header','Header')
    # 表格数据准备
    contents = [['x',1,2,3,4],['y',1.7,2.2,4.6,3.9]]

    js_resources = INLINE.render_js()
    css_resources = INLINE.render_css()
    script, div = components(p)

    html = render_template(
        'vbar.html',
        plot_script=script,
        plot_div=div,
        js_resources=js_resources,
        css_resources=css_resources,
        the_titles=titles,
        the_contents=contents

    )

    return html

@app.route('/mpg')

def mpg_view():
    '''
    绘图函数picture:绘图模块mpg()
    :return:
    '''
    p = mpg()
    p2= vbar_demo()

    js_resources = INLINE.render_js()
    css_resources = INLINE.render_css()
    script, div = components([p,p2])

    html = render_template(
        'mpg.html',
        plot_script=script,
        plot_div=div,
        js_resources=js_resources,
        css_resources=css_resources
    )

    return html


if __name__ == '__main__':
    app.run()
